<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<title></title>
		<link rel="shortcut icon" href="" />
		<!-- 强大的CSS Reset库 -->
		<!--<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">-->
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script><![endif]-->
		<link rel="stylesheet" href="font/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--注册-->
		<section class="jw-zhuce" id="zhuce">
			<div class="jw-zhuce-content" id="zhuC">
				<a class="close">
					<i class="fa fa-times" id="close"></i>
				</a>
				<div class="jw-zhuce-content-form">
					<div id="register-active" class="switch">
						<i class="fa fa-toggle-on"></i> 切换登陆
					</div>
					<h3>注册<p class="status"></p></h3>
					<p>
						<label class="icon" for="user_name"><i class="fa fa-user"></i></label>
						<input class="input-control" id="user_name" type="text" name="user_name" placeholder="输入英文用户名" required="" aria-required="true">
					</p>
					<p>
						<label class="icon" for="user_email"><i class="fa fa-envelope"></i></label>
						<input class="input-control" id="user_email" type="text" name="user_email" placeholder="输入常用邮箱" required="" aria-required="true">
					</p>
					<p>
						<label class="icon" for="user_pass"><i class="fa fa-lock"></i></label>
						<input class="input-control" id="user_pass" type="password" name="user_pass" placeholder="密码最小长度为6" required="" aria-required="true">
					</p>
					<p>
						<label class="icon" for="user_pass2"><i class="fa fa-retweet"></i></label>
						<input class="input-control" type="password" id="user_pass2" name="user_pass2" placeholder="再次输入密码" required="" aria-required="true">
					</p>
					<p class="safe">
						<label class="remembermetext" for="rememberme">
							<input name="rememberme" type="checkbox" checked="checked" id="rememberme" >记住我的登录
						</label>
						<a class="lost" href="#">忘记密码？</a>
					</p>
					<p>
						<input class="submit" type="reset" value="注册" name="submit">
					</p>
				</div>
				<div class="other-sign">
					<p>您也可以使用第三方帐号登录</p>
					<div class="qqlogin">
						<a rel="nofollow" href="#">
							<i class="fa fa-qq"></i> QQ帐号登录
						</a>
					</div>
				</div>
			</div>
		</section>
		<!--登陆-->
		<section class="jw-denglu" id="denglu">
			<div class="jw-denglu-content" id="dengC">
				<a class="close">
					<i class="fa fa-times" id="clos"></i>
				</a>
				<div class="jw-denglu-content-form">
					<div id="active" class="switch">
						<i class="fa fa-toggle-on"></i> 切换注册
					</div>
					<h3>登录<p class="status"></p></h3>
					<p>
						<label class="icon" for="username"><i class="fa fa-user"></i></label>
						<input class="input-control" id="username" type="text" placeholder="请输入用户名或邮箱" name="username" required="" aria-required="true">
					</p>
					<p>
						<label class="icon" for="password"><i class="fa fa-lock"></i></label>
						<input class="input-control" id="password" type="password" placeholder="请输入密码" name="password" required="" aria-required="true">
					</p>
					<p class="safe">
						<label class="remembermetext" for="rememberme">
							<input name="rememberme" type="checkbox" checked="checked" id="rememberme" >记住我的登录
						</label>
						<a class="lost" href="#">忘记密码？</a>
					</p>
					<p>
						<input class="submit" type="submit" value="登录" name="submit">
					</p>
				</div>
				<div class="other-sign">
					<p>您也可以使用第三方帐号登录</p>
					<div class="qqlogin">
						<a rel="nofollow" href="#">
							<i class="fa fa-qq"></i> QQ帐号登录
						</a>
					</div>
				</div>
			</div>
		</section>
		<!--置顶-->
		<aside class="jw-aside-top" id="scroll">
			^
		</aside>
		<!--导航-->
		<header class="jw-header" id="topbar">
			<div class="jw-comWidth1">
				<div class="jw-header-logo fl">
					<a href="index.html"><img src="img/logo.png" height="50px" /></a>
				</div>
				<ul class="jw-header-nav fl">
					<li class="fl">
						<a href="passage.html">文章</a>
					</li>
					<li class="fl">
						<a href="enjoy.html">欣赏</a>
					</li>
					<li class="fl">
						<a href="source.html">素材</a>
					</li>
					<li class="fl">
						<a href="change.html">兑换</a>
					</li>
					<li class="fl">
						<a href="active.html">活动</a>
					</li>
					<li class="fl">
						<a href="Fantastic.html">唯然</a>
					</li>
					<li class="fl" id="show">
						<a href="add.html">更多</a>
						<ul class="sub-menu" id="cloo">
							<li>
								<a href="add.html">关于觉唯</a>
							</li>
							<li>
								<a href="adda.html">留言联系</a>
							</li>
						</ul>
					</li>
				</ul>
				<script type="text/javascript">
					var show = document.getElementById('show');
					var cloo = document.getElementById('cloo');

					show.onmouseover = function() {
						cloo.style.display = 'block';
					}
					show.onmouseout = function() {
						cloo.style.display = 'none';
					}

					cloo.onmouseover = function() {
						cloo.style.display = 'block';
					}
					cloo.onmouseout = function() {
						cloo.style.display = 'none';
					}
				</script>
				<div class="jw-header-reg fr">
					<a href="#" id="deng">登录</a>
					<a href="#" id="zhu">注册</a>
				</div>
				<div class="jw-header-search fr">
					<input type="text" />
					<span class="search-icon">
    					<i class="fa fa-search"></i>
    				</span>
				</div>
			</div>
			<ul class="jw-header-phone">
				<ul class="jw-header-phone-menu-nav">
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="#">文章</a>
					</li>
					<li>
						<a href="#">欣赏</a>
					</li>
					<li>
						<a href="#">素材</a>
					</li>
					<li>
						<a href="#">兑换</a>
					</li>
					<li>
						<a href="#">活动</a>
					</li>
					<li>
						<a href="#">唯然</a>
					</li>
					<li>
						<a href="#">更多</a>
					</li>
				</ul>
				<li>
					<a href="#" class="jw-header-phone-menu">
						<i class="fa fa-bars"></i>
					</a>

				</li>
				<li>
					<a href="#" class="jw-header-phone-logo">
						<img src="img/logo-phone.png" height="50px" />
					</a>
				</li>
				<li>
					<a href="#" class="jw-header-phone-user">
						<i class="fa fa-user"></i>
					</a>
				</li>
			</ul>
		</header>
		<!--bannner-->
		<div class="jw-banner">
			<div class="jw-banner-inner">
				<h1>热爱生活  享受乐趣</h1>
				<p>Love life and enjoy the fun.</p>
			</div>
		</div>
		<div class="jw-container">
			<section class="jw-container-notice clearfix">
				<div class="jw-comWidth">
					<ul>
						<i class="fa fa-bullhorn"></i>
						<li>
							<a href="#" title="用户中心正式上线">
								[03-22] 用户中心正式上线
							</a>
						</li>
						<li>
							<a href="#" title="新增个人主页展示，越看越有爱">
								[12-11] 新增个人主页展示，越看越有爱
							</a>
						</li>
						<li>
							<a href="#" title="觉唯官网新版升级上线">
								[12-04] 觉唯官网新版升级上线
							</a>
						</li>
						<li>
							<a href="#" title="新增QQ一键登录">
								[09-01] 新增QQ一键登录
							</a>
						</li>
						<li>
							<a href="#" title="觉唯商城Beta版测试上线">
								[08-12] 觉唯商城Beta版测试上线
							</a>
						</li>
					</ul>
				</div>
			</section>
			<section class="jw-container-aim clearfix">
				<div class="jw-comWidth">
					<div class="jw-container-aim-stick">
						<div class="pre" id="pre">
							<</div>
								<div class="jw-container-aim-stick-inner">
									<a href="#"><img src="img/22143930d336eee5d32eabd.jpg" /></a>
								</div>
								<div class="next" id="next">></div>
						</div>
						<div class="jw-container-aim-push">
							<div class="jw-container-aim-push-inner">
								<div class="jcap-inner-box">
									<div class="jcap-inner-box-inner">
										<img src="img/0f000ji9Gc8NRk_3KlS1S6.png" width="300px" height="250px" />
									</div>
								</div>
								<div class="jcap-inner-box jcap-inner-box-inner2">
									<div class="jcap-inner-box-inner ">
										<video width="300px" height="250px">
											<source src="myvideo.ogv" type="video/ogg"></source>
										</video>
									</div>
								</div>
							</div>
						</div>
					</div>
			</section>
			<section class="jw-container-cool clearfix">
				<div class="jw-comWidth">
					<ul class="clearfix">
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/22143156a8d2ec85eaf9840.jpg" width="280" height="180" />
									</div>
									<div class="jw-content-pic1-img-mc">
									</div>
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/221449151656c674af1e7d9.png" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/22143930d336eee5d32eabd.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/17112804c81e728d9d4c2f6.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/15094731e2f779c753e5dbe.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/13133308c4ca4238a0b9238.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/13132815c4ca4238a0b9238.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/13132719a87ff679a2f3e71.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/1313225577e14374fe2eb36.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/13132030099fb995346f31c.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/121437520dc4003bb3b4a5e.jpg" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    							<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
						<li class="clearfix">
							<div class="jw-content-pic1 jw-content-pic2">
								<div class="jw-content-pic-img">
									<div class="jw-content-pic-img1">
										<img src="img/141329571d8cf9d80e08f30.gif" width="280" height="180" />
									</div>
									<!--<div class="jw-content-pic1-img-mc">
									</div>-->
									<div class="jw-cpi-mc-top">
										&nbsp;&nbsp;&nbsp;&nbsp;绘画艺术&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;683
									</div>
								</div>
								<div class="jw-content-pic-text1">
									<a target="_blank" href="#" rel="bookmark">日本插画师花瀬：漂亮的和服题材插画</a>
								</div>
								<div class="jw-content-pic-text2">
									<time class="time">
          						2016-08-22  
          						<!--<span class="comment-num"><i class="fa fa-comment"></i>2</span>
	    						<span class="heart-num"><i class="fa fa-heart"></i>2</span>-->
							</time>
								</div>
							</div>
						</li>
					</ul>
				</div>

			</section>
			<section class="jw-container-love clearfix">
				<div class="jw-comWidth">
					<ul>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310313946c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/031031256446d860dbbfe54.png" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310285846c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											vQlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310254246c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/031025320c4c68c86b7fe80.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310221946c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310220846c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
						<li>
							<div class="jw-container-love-gallery">
								<a href="#">
									<img src="img/0310215246c4f3f7360db85.jpeg" width="360" height="300" />
									<div class="hide">
										<i class="fa fa-link"></i>
										<div class="hide-txt">
											Qlippie装扮穿戴式摄像<br/><br/>
											<time>35分钟</time>
										</div>
									</div>
								</a>
							</div>
						</li>
					</ul>
					<div class="jw-container-love-feelGo">
						<a href="#">取悦于灵感 - Love Inspiration
							<i class="fa fa-chevron-circle-right"></i>
						</a>
					</div>
				</div>
			</section>
			<section class="jw-container-users clearfix">
				<div class="jw-comWidth">
					<ul>
						<li>
							<span><i class="fa fa-search fa-2x"></i></span>
							<h3>探索发现</h3>
							<p>探索创造性的思维，发现引领最新的设计潮流</p>
						</li>
						<li>
							<span><i class="fa fa-user"></i></span>
							<h3>用户设计</h3>
							<p>以用户为中心，以体验为至上，以细节为成败</p>
						</li>
						<li>
							<span><i class="fa fa-paper-plane-o"></i></span>
							<h3>情感传递</h3>
							<p>不只是图文信息，更多的是喜怒哀乐的情感</p>
						</li>
					</ul>
				</div>
			</section>
			<section class="jw-container-feature clearfix">
				<ul class="clearfix">
					<li>
						<a href="#">
							<img src="img/1015044357fcddfbb3540a6.jpg" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/10150311fe2104fef62de3b.jpg" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/10153729991d6614823c7b2.jpg" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/101541394aa258d790eb1d0.jpg" />
						</a>
					</li>
				</ul>
			</section>
			</div>
			<footer class="jw-footer clearfix">
				<div class="jw-comWidth clearfix">
					<aside class="group describe">
						<h3>觉唯</h3>
						<p>以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！ 唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。
						</p>
					</aside>
					<aside class="group">
						<dl>
							<dt>关于</dt>
							<dd>
								<a href="#">关于觉唯</a>
								<a href="#">留言联系</a>
								<a href="#">友情链接</a>
								<a href="#">免责声明</a>
								<a href="#">网站地图</a>
							</dd>
						</dl>
					</aside>
					<aside class="group">
						<dl>
							<dt>关于</dt>
							<dd>
								<a href="#">关于觉唯</a>
								<a href="#">留言联系</a>
								<a href="#">友情链接</a>
								<a href="#">免责声明</a>
								<a href="#">网站地图</a>
							</dd>
						</dl>
					</aside>
					<aside class="group">
						<dl>
							<dt>关于</dt>
							<dd>
								<a href="#">关于觉唯</a>
								<a href="#">留言联系</a>
								<a href="#">友情链接</a>
								<a href="#">免责声明</a>
								<a href="#">网站地图</a>
							</dd>
						</dl>
					</aside>
					<aside class="group social">
						<h3>关注</h3>
						<ul>
							<li>Email:
								<a href="#">javin@jiawin.com</a>
							</li>
							<li>
								<input type="text" placeholder="请输入邮箱地址" />
								<button>订阅</button>
							</li>
							<li class="social-icon clearfix">
								<a href="#">
									<i class="fa fa-weibo"></i>
								</a>
								<a href="#">
									<i class="fa fa-tencent-weibo"></i>
								</a>
								<a href="#">
									<i class="fa fa-qq"></i>
								</a>
								<a href="#">
									<i class="fa fa-rss"></i>
								</a>
								<a href="#">
									<i class="fa fa-weixin"></i>
								</a>
							</li>
						</ul>
					</aside>
					<p class="copyRight clearfix">Copyright © 2012-2016
						<a href="#">觉唯设计</a> Theme by
						<a href="#">Javin zhong</a> All All Rights Reserved. 粤ICP备12073831号-1</p>
				</div>
			</footer>
			<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
				<!--导航-->
				<
				script type = "text/javascript" >
					var nav = document.getElementsByClassName('jw-header-phone-menu-nav')[0];
				var a = document.getElementsByClassName('jw-header-phone-menu')[0].onclick = function() {
					if(nav.style.display == 'block') {
						nav.style.display = 'none';
					} else {
						nav.style.display = 'block';
					}

				}
			</script>
			<script type="text/javascript">
				var topbar = document.getElementById('topbar');
				window.onscroll = function() {
					var scoll = document.body.scrollTop || document.documentElement.scrollTop;
					if(scoll >= 200) {
						topbar.style.background = '#323232';
					} else {
						topbar.style.background = 'rgba(0, 0, 0, 0.5)';
					}
				}
			</script>
			<!--置顶-->
			<script type="text/javascript">
				//		$(function(){
				//			var returnTop = $('#scroll');
				//			
				//			returnTop.onclick = function() {
				//				var timer = setInterval(function() {
				//					var scrollTop = $(document).scrollTop();
				//					var speed=scrollTop/-10;
				//					scrollBy(0,Math.floor(speed));
				//					if(scrollTop <= 0) {
				//						clearInterval(timer);
				//					}
				//				}, 20);
				//		});
			</script>
			<script type="text/javascript">
				var obj = document.getElementById("scroll");
				var scrollTop = null;
				obj.onclick = function() {
					var timer = setInterval(function() {
						var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
						window.scrollBy(0, -100);
						if(scrollTop == 0) {
							clearInterval(timer);
						}
					}, 20);
				}
			</script>
			<!--注册-->
			<script type="text/javascript">
				var close = document.getElementById("close");
				close.onclick = function() {
					document.getElementById("zhuce").style.display = 'none';
				}
				var zhu = document.getElementById("zhu");
				zhu.onclick = function() {
					document.getElementById("zhuce").style.display = 'block';
				}
			</script>
			<!--登录-->
			<script type="text/javascript">
				var clos = document.getElementById("clos");
				clos.onclick = function() {
					document.getElementById("denglu").style.display = 'none';
				}
				var deng = document.getElementById("deng");
				deng.onclick = function() {
					document.getElementById("denglu").style.display = 'block';
				}
			</script>
			<!--切换登录-->
			<script type="text/javascript">
				var registerActive = document.getElementById("register-active");
				registerActive.onclick = function() {
					document.getElementById("denglu").style.display = 'block';
					document.getElementById("zhuce").style.display = 'none';
				}
			</script>
			<!--切换注册-->
			<script type="text/javascript">
				var active = document.getElementById("active");
				active.onclick = function() {
					document.getElementById("zhuce").style.display = 'block';
					document.getElementById("denglu").style.display = 'none';
				}
			</script>
	</body>

</html>